<div class="right-content fl">
  <div class="common-tip">
    <a href="javascript:void(0)" class="home">Home </a>/
    <a href="javascript:void(0)" class="tip"> 模型模式 </a>/
    <a href="javascript:void(0)" class="tip"> 编辑模型 </a>/
    <a href="javascript:void(0)" class="tip"> 数据上传 </a>
  </div>
  <ul class="clearfix process">
    <li class="process-tab ml10 pr">
      <div>
        <span class="active">基本信息</span>
        <i class="pa"></i>
      </div>
      <i class="active pa"></i>
    </li>
    <li class="process-tab pr">
      <i class="process-i active"></i>
      <span class="active">算法设置</span>
      <i class="pa active"></i>
    </li>
    <li class="process-tab pr">
      <i class="process-i active"></i>
      <span  class="active">上传数据</span>
      <i class="i-text pa"></i>
      <i class="pa active"></i>
    </li>
    <li class="process-tab pr">
      <i class="process-i"></i>
      <span>数据探索</span>
      <i class="pa"></i>
    </li>
    <li class="process-tab pr">
      <i class="process-i"></i>
      <span>输入项设置</span>
      <i class="pa"></i>
    </li>
    <li class="process-tab pr">
      <i class="process-i"></i>
      <span>展示效果图设置</span>
      <i class="pa"></i>
    </li>
    <li class="process-tab active pr">
      <i class="process-i"></i>
      <span>结果</span>
    </li>
  </ul>
  <div class="target-data bgff fl pb20">
    <div class="target-data-content">
      <h3><span>|</span>导入数据</h3>
      <!--.table-main-->
      <div class="table-main">
        <dl v-if="initFileList.length>0" v-for="(item, index) in initFileList">
          <dt class="clear"><div>{{item.cloum1}}</div><em class="col_red"></em><button type="button" class="del" :data-tname="item.tableName" @click="del($event,item.tableName)">删除</button></dt>
          <dd class="bgff clear">
            <span v-for="(file, i) in initFileCloumList[index]" :data-tname="item.tableName" :data-cname="file">{{initFileNameList[index][i]}}</span>
          </dd>
        </dl>

        <dl v-for="(item, index) in fileHead">
          <dt class="clear"><div>{{item.tableName}}</div><em class="col_red"></em><button type="button" class="del" :data-tname="item.className" @click="del($event,item.className)">删除</button></dt>
          <dd class="bgff clear">
            <span v-for="(file, i) in fileList[index]" :data-tname="item.className" :data-cname="file.cloumName">{{file.titleName}}</span>
          </dd>
        </dl>
      </div>
      <div id="uploader" class="wu-example mt20 mb20">
        <!--用来存放文件信息-->
        <div id="thelist" class="uploader-list"></div>
        <p  class="fz12">注：导入的文件支持xls、xlsx、csv，文件大小不可超过100M,文件数不超过10个</p>
        <div class="btns">
          <div id="picker">
            <span class="fz18 mr10">+</span>
            导入数据文件
          </div>
        </div>
      </div>
      <!--/.table-main-->
    </div>
    <div class="text-center">
      <button type="button" class="cancel-btn" @click="submitPre()">上一步</button>
      <button type="button" class="next-btn" @click="submit()">下一步</button>
    </div>
  </div>
</div>
